$(function () {
    // 滚动事件
    $(window).scroll(function () {
        var oScrollTop = $(window).scrollTop();
        if (oScrollTop > 200) {
            $(".backTop").fadeIn()
        }
        else {
            $(".backTop").fadeOut()
        }

    })

    // 回顶部
    $(".goTop").click(function () {
        $("body,html").animate({
            scrollTop: 0
        }, 500)
    })


    $(".link-nav a").hover(function () {
        $(this).siblings(".slide").show().animate({
            left: "-92px"
        })
    },
        function () {
            $(this).siblings(".slide").hide().animate({
                left: "-121px"
            })
        }
    )

    // var i = 0;

    function closeCart() {
        $(".shop-list").fadeToggle();

        if ($(".quick-lick").width() == 320) {
            $(".quick-lick").stop().fadeIn().animate({
                width: "40px"
            })
        }
        else {
            $(".quick-lick").stop().fadeIn().animate({
                width: "320px"
            })
        }
    }

    $(".cart-list").click(function () {
        closeCart();

    })

    $(".close-cart").click(function () {
        closeCart();
    })


    // 头部选择地址
    $.ajax({
        "url": "../baseJSon/area.json",
        type: "get",
        success: function (res) {
            var $cityInfo = res.area
            console.log($cityInfo);
            var cityArr = []
            for (var i = 0; i < $cityInfo.length; i++) {
                $(".city-name-case").append($(`<li><a href="javascript:;" class='active'>${$cityInfo[i].initial}</a></li>`));
                $(".detailed-city-name").append($(`<li class='detailed${i}'></li>`));
                $(`.detailed-city-name .detailed${i}`).append($(`<em>${$cityInfo[i].initial}</em>`));
                $(`.detailed-city-name .detailed${i}`).append($(`<div class="city-item"></div>`));
                $cityInfo[i].city.map(function (ele, index, arr) {
                    $(`.detailed-city-name .detailed${i} div`).append($(`<a href="javascript:;">${arr[index]}</a>`))
                })

                cityArr.push($(`.detailed-city-name .detailed${i}`).height())
            }



            $(".city-name-case a").eq(0).addClass("active").parent().siblings("li").find("a").removeClass("active");

            $(".city-name-case li a").mouseenter(function () {
                $(this).addClass("active").parent().siblings("li").find("a").removeClass("active");
                var index = $(this).parent().index()
                var scrollDistance = 0
                for (var i = 0; i < index; i++) {
                    scrollDistance += cityArr[i]
                }

                $(".detailed-city-name").stop().animate({
                    scrollTop: scrollDistance + "px"
                }, 500)
            })

            $(".detailed-city-name a").click(function () {
                $(".now-city-name").text($(this).text())
            })

            $(".hot-city a").click(function () {
                $(".now-city-name").text($(this).text())
            })

        }
    })





})